<style>
#foo, #foo2 {
	width: 350px;
	min-height: 100px;
	border: 1px solid black;
	background-color: #aaa;
	margin-bottom: 10px;
}
input, select, embed {
	margin: 10px;
	clear:both;
}
</style>
<script>
		new Element('script', {
			src: '../Source/UI/Waiter.js&noCache='+new Date().getTime()
		}).inject(document.head);
</script>
<div id="foo">
<input type="text" value="this is a text input">

<select>
	<option>one</option>
	<option>two</option>
	<option>three</option>
	<option>four</option>
</select>

<object width="320" height="220">
	<param name="movie" value="UI/mediaplayer.swf">
	<param name="wmode" value="transparent">
	<embed id="mediaplayer" width="320" height="220" flashvars="width=320&height=220&file=video.flv" allowfullscreen="true" quality="high" name="mediaplayer" style="" src="UI/mediaplayer.swf" type="application/x-shockwave-flash" wmode="transparent"/>
</embed>
</object>
</div>
<div id="foo2">
	This content will be replaced w/ ajax
</div>
